<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<button id="js-to-jq-btn" type="button">JS转JQ</button>
<br/>
<button id="jq-to-js-btn" type="button">JQ转JS</button>
<br/>

<script type="text/javascript" src="../../script/jquery-3.2.1.js"></script>
<script type="text/javascript">
    $(() => {
        let jsToJqBtn = document.querySelector("#js-to-jq-btn");
        // alert(jsToJqBtn);
        jsToJqBtn.onclick = () => {
            console.log(jsToJqBtn.innerText);
            console.log($(jsToJqBtn).text());
            console.log(jsToJqBtn.text());
        };


        let jqToJsBtn = $("#jq-to-js-btn");
        // alert(jqToJsBtn);
        jqToJsBtn[0].onclick = () => {
            console.log(jqToJsBtn.text());
            console.log(jqToJsBtn[0].innerText);
            console.log(jqToJsBtn.get(0).innerText);
            console.log(jqToJsBtn.innerText);
        };
    });


</script>

</body>
</html>